<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link href="css/materialdesignicons.min.css" rel="stylesheet">
		<link href="css/style.min.css" rel="stylesheet">
	</head>
	<body>
		<header class="card-header">
			<div class="card-title">
				用户管理&nbsp;&nbsp;&nbsp;
				<div style="display: inline-block;">
					<form class="search-bar ml-md-auto" method="get" action="#!" role="form">
					  <input type="hidden" name="search_field" id="search-field" value="title" />
					  <div class="input-group ml-md-auto">
					    <div class="input-group-prepend">
					      <!-- <input type="text" class="form-control" name="keyword" placeholder="请输入供应商编号"> -->
					    </div>
					    <!-- <button class="btn btn-outline-success my-2 my-sm-0">搜索</button>   -->
					  </div>
					</form>
				</div>
			</div>
			
			<div style="float: right;">
				<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModalChange" >新增</button>
				<a class="btn btn-danger" href="#!"><i class="mdi mdi-window-close"></i> 删除</a>
			</div>
		</header>
		<body>
			<div class="card-body">
			  
			  <div class="table-responsive">
			    <table class="table table-bordered">
			      <thead>
			        <tr>
			          <th>
			            <div class="custom-control custom-checkbox">
			              <input type="checkbox" class="custom-control-input" id="check-all">
			              <label class="custom-control-label" for="check-all"></label>
			            </div>
			          </th>
			          <th>职员编号</th>
			          <th>职员姓名</th>
			          <th>电话号码</th>
			          <th>角色</th>
			          <th>状态</th>
			          <th>操作</th>
			        </tr>
			      </thead>
			      <tbody>
			        <tr>
			          <td>
			            <div class="custom-control custom-checkbox">
			              <input type="checkbox" class="custom-control-input ids" name="ids[]" value="1" id="ids-1">
			              <label class="custom-control-label" for="ids-1"></label>
			            </div>
			          </td>
			          <td>1</td>
			          <td>fj</td>
			          <td>15638588332</td>
			          <td>git工程师</td>
			          <td>正常使用</td>
			          <!-- <td><font class="text-success">湖南岳阳湖南理工南苑</font></td> -->
			          <td>
			            <div class="btn-group">
			              <a class="btn btn-xs btn-default" href="#!" title="" data-toggle="tooltip" data-original-title="编辑"><i class="mdi mdi-pencil"></i></a>
			              <a class="btn btn-xs btn-default ajax-get confirm" href="http://www.lyear.com/doc_test.php?id=1" title="" data-toggle="tooltip" data-original-title="删除"><i class="mdi mdi-window-close"></i></a>
			            </div>
			          </td>
			        </tr>
			        
			      </tbody>
			    </table>
			  </div>
			  <ul class="pagination">
			    <li class="page-item disabled"><span class="page-link">上一页</span></li>
			    <li class="page-item active"><span class="page-link">1</span></li>
			    <li class="page-item"><a class="page-link" href="#1">2</a></li>
			    <li class="page-item"><a class="page-link" href="#1">3</a></li>
			    <li class="page-item"><a class="page-link" href="#1">4</a></li>
			    <li class="page-item"><a class="page-link" href="#1">5</a></li>
			    <li class="page-item disabled"><span class="page-link">...</span></li>
			    <li class="page-item"><a class="page-link" href="#!">144</a></li>
			    <li class="page-item"><a class="page-link" href="#!">下一页</a></li>
			  </ul>
			 
			</div>
		</body>、
		<!--新增面板-->
		<div class="modal fade" id="exampleModalChange" tabindex="-1" role="dialog" aria-labelledby="exampleModalChangeLabel" aria-hidden="true">
		  <div class="modal-dialog" role="document" style="max-width: 750px;">
		    <div class="modal-content">
		      <div class="modal-header">
		        <h6 class="modal-title" id="">新增用户<h6>
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
		          <span aria-hidden="true">&times;</span>
		        </button>
		      </div>
		      <div class="modal-body">
		        <form>
				<div class="form-row">
					<!-- <div class="form-group col-md-6">
						职员编号
						<input type="text" class="form-control" id="providerNumber" placeholder="请输入供应商编号">
					</div> -->
				    <div class="form-group col-md-6">
						职员姓名
						<input type="text" class="form-control" id="providerName" placeholder="请输入供应商名称">
					</div>
					<div class="form-group col-md-6">
						电话号码
						<input type="text" class="form-control" id="tel" placeholder="请输入电话号码">
					</div>
					<div class="form-group col-md-6">
						角色
						<select  class="form-control" id="otherContectWay" placeholder="请选择角色">
							<option>git工程师</option>
						</select>
					</div>
					<div class="form-group col-md-6">
						密码
						<input type="password" class="form-control" id="tel" placeholder="请输入密码">
					</div>
				</div>
				<!-- <div class="form-group">
				  <label for="inputAddress">供应商地址</label>
				  <input type="text" class="form-control" id="inputAddress" placeholder="供应商的详细地址">
				</div>
				<div class="form-group">
				  <label for="inputAddress2">籍贯</label>
				  <input type="text" class="form-control" id="inputAddress2" placeholder="籍贯">
				</div>
				<div class="form-row">
				  <div class="form-group col-md-6">
				    <label for="inputCity">城市</label>
				    <input type="text" class="form-control" id="inputCity" placeholder="城市">
				  </div>
				  <div class="form-group col-md-4">
				    <label for="inputState">状态</label>
				    <select id="inputState" class="form-control">
				      <option selected>请选择...</option>
				      <option>...</option>
				    </select>
				  </div>
				  <div class="form-group col-md-2">
				    <label for="inputZip">邮编</label>
				    <input type="text" class="form-control" id="inputZip" placeholder="邮编">
				  </div>
				</div> -->
				 </form>
		      </div>
		      <div class="modal-footer">
		        <button type="button" class="btn btn-secondary" data-dismiss="modal">关闭</button>
		        <button type="button" class="btn btn-primary">保存</button>
		      </div>
		    </div>
		  </div>
		</div>
		
		
	</body>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/popper.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/main.min.js"></script>
	<script type="text/javascript">
	$('#exampleModalChange').on('show.bs.modal', function (event) {
	    var button = $(event.relatedTarget);
	    var recipient = button.data('whatever');
	    var modal = $(this);
	    
	    modal.find('.modal-body input').val(recipient);
	})
	</script>
</html>
